<template>
  <div class="notificationCenter">
    <div class="head">
      <x-header :left-options="{backText: ''}">通知中心</x-header>
    </div>
    <scroller lock-x height="504px" :use-pullup='use_pullup' :pullup-config="pullup_con" @on-pullup-loading="onScrollBottom" ref="scroller" :scroll-bottom-offst="200">
      <div>
        <div @click="gonoticeDetails(lists.id)" class="content" v-bind:class="{'content-weidu': lists.status == 1}" v-for="lists in list">
          <div class="content-title">
            <p><i v-if="lists.status == 1" class="iconfont weidu">&#xe672;</i><i v-else-if="lists.status == 2" class="iconfont">&#xe673;</i><span>系统通知</span> <em>{{lists.createTime}}</em></p>
          </div>
          <div class="content-text">
            <p> {{lists.msgContent}}</p>
          </div>
        </div>
        <load-more :tip="tipText" :show-loading="show_loading"></load-more>
      </div>
    </scroller>
  </div>
</template>

<script src="./notificationCenter.js"></script>
